<!DOCTYPE html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="笔记">
		<meta name="viewport" content="width=device-width">
		<title>Sup笔记</title>
		<link rel="stylesheet" href="css/main.css" type="text/css">
	</head>

	<body>
		<div class="hd">
			<div class="wrap">
				<div class="hd-main">
					<h1 class="logo">Sup笔记</h1>
					<div class="nav">
						<a target="_blank" href="http://note.youdao.com?auto=1">首页&nbsp;</a>
						|
						<a target="_blank" href="http://note.youdao.com/download.html?auto=1">&nbsp;多平台下载</a>
					</div>
				</div>
			</div>
		</div>
		<div class="bd">
			<div class="login-main">
				<form class="login-left" data-node="loginForm">
					<div class="row">
						<span class="login-type selected" data-type="netease">账号密码登录</span>
						<span class="login-type-split"></span>
						<span class="login-type" data-type="phone">手机验证码登录</span>
					</div>
					<div data-container="netease" class="login-container show">
						<div class="row text-row" data-node="accountInput">
							<input type="text"   id="username" name="username" placeholder="账号"  class="login-username text">
						</div>
						<div class="row text-row" data-node="passwordInput">
							<input type="password" id="password" name="password" placeholder="密码" data-node="loginPwd" class="login-password text">
						</div>
						<div class="verify-container" data-node="verifyCode">
							<div class="verify-desc">验证码</div>
							<div data-node="verifyCodeBox">
								<input type="text" name="validateCode" data-node="validateCode" class="verify-code-input" placeholder="请输入验证码">
								<img src="" alt="验证码" class="verify-code-img" data-node="validateImage">
								<div class="reload-vcode-button" data-node="reloadVCodeBtn">
									<label for="reload-verify" class="reload-icon">
                                        <a href="javascript:;" name="reload-verify" class="reload-vcode-text">更换</a>
                                    </label>
								</div>
							</div>
						</div>
						<div class="row check-row" data-node="autoLoginRow">
							<label class="login-label"><input data-node="loginAuto" type="CHECKBOX" class="login-checkbox" checked="checked">自动登录</label>
							<a class="login-nopassword" target="_blank" href="http://reg.163.com/getpasswd/RetakePassword.jsp">忘记密码?</a>
							<div data-node="loginError" class="login-error">输入的账号或密码有误</div>
						</div>
						<div class="row row-btn">
							<button type="button" data-node="loginSubmit" class="login-btn btn" value="" onclick="fnLogin()">登录</button>
							<a href="https://zc.reg.163.com/regInitialized?pd=youdaonote&pkid=hYHEsIU&pkht=note.youdao.com&toUrlFromHerf=https%3a%2f%2fnote.youdao.com&loginUrl=https%3a%2f%2fnote.youdao.com" target="_blank" data-node="loginRegist" class="regist-btn btn">注册</a>
						</div>
					</div>
					<div data-container="phone" class="login-container" id="urs-phone-login">
					</div>
				</form>
				<div class="login-right">
					<h2>其他账号登录：</h2>
					<div>
						<div class="qq btn" data-oauth="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=100255473&response_type=code&redirect_uri=https%3A%2F%2Fnote.youdao.com%2Flogin%2Facc%2Fcallback&state=JB0MPuOMqB0QF6MQZOLeF0ZZZZZZZHJz0" data-track-event="qq">
							<span class="icon"><img style="margin: 10px;" src="images/QQ.png" alt="QQ"></span> 使用qq账号登录
						</div>
						<div class="weixin btn" data-oauth="https://note.youdao.com/signIn/wxlogin.html?state=pZOMgK6LQz0Q40LPB0L6Z0ZZZZZZKM6B0&redirect_uri=https%3A%2F%2Fnote.youdao.com%2Flogin%2Facc%2Fcallback" data-track-event="wechat">
							<span class="icon"><img style="margin: 10px;" src="images/wechat-fill.png" alt="微信"></span> 使用微信账号登录
						</div>
						<div class="weibo btn" data-oauth="https://api.weibo.com/oauth2/authorize?client_id=4260441337&response_type=code&redirect_uri=https%3A%2F%2Fnote.youdao.com%2Flogin%2Facc%2Fcallback&state=Q4OLpL0LeB0q46LTLhHQB0ZZZZZZuMgu0" data-track-event="sina">
							<span class="icon"><img style="margin: 10px;" src="images/weibo.png" alt="新浪微博"></span> 使用新浪微博账号登录
						</div>
						
					</div>
					<div class="more">
						<span class="more-btn"><span class="more-login">更多登录</span><span class="arrow-line rotate"></span></span>
						<div class="qqweb-huawei">
							<span class="dingding" data-oauth="https://oapi.dingtalk.com/connect/qrconnect?appid=dingoa128w0tpomybecynr&response_type=code&scope=snsapi_login&state=PB0HQL6LppVqZOMeS6MeK0ZZZZZB0LQK0&redirect_uri=https%3A%2F%2Fnote.youdao.com%2Flogin%2Facc%2Fcallback" data-track-event="dingding">
                                <span style="margin: 5px;"><img src="images/dingtalk.png" alt="钉钉"></span>
							</span>
							<span class="tweibo" data-oauth="/login/acc/login?app=web&product=YNOTE&tp=wqq&cf=6&fr=1" data-alert-title="用户通知" data-alert="尊敬的用户您好 ！<br>
                                目前腾讯微博接口存在问题，且腾讯方已无人维护，因此您的数据需要导入到新的账号以便继续使用。（请放心，导入过程由程序完成，工作人员无法接触到您的个人数据）<br>
                                请按以下步骤导入：<br>
                                1、申请一个属于您的【网易通行证账户】<br>
                                2、联系我们的在线客服<a target=&quto;blank&quto; href=&quot;http://t.cn/Rc1NqCv&quot;>http://t.cn/Rc1NqCv</a>（右上角选择人工客服）" data-track-event="tencentWeibo">
                                <span style="margin: 5px;"><img src="images/txweibo.png" alt="腾讯微博"></span>
							</span>
						</div>
					</div>
				</div>
				<div class="login-middle"></div>
			</div>
		</div>
		

		<div class="dialog">
			<div class="dialog-header">
				<div class="dtitle"></div>
				<div class="dclose">X</div>
			</div>
			<div class="dialog-body">
			</div>
			<div class="dialog-footer">
				<div class="btn ok">确定</div>
				<div class="btn cancel">取消</div>
			</div>
		</div>
		<div class="shadow"></div>

		<script src="js/message.js"></script>
		<script src="js/index.js"></script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "//hm.baidu.com/hm.js?fcbf8a457b2c5ae9cc58b5bf4cb7cef1";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
		<script>
			var _rlog = _rlog || [];
			// 指定 product id
			_rlog.push(["_setAccount", "ynote-web-rlogs"]);
		</script>
		<script defer="defer" src="js/rlog.js"></script>
		<script type="text/javascript" src="js/demo.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
	</body>

</html>